<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style lang="scss">
.hide .el-upload--picture-card {
  display: none !important;
}

.head-select {
  max-width: 270px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  // .el-input {
  //   max-width: 180px;
  // }
  .select-label {
    flex: 1;
    // min-width: 100px;
    margin-right: 10px;
  }
}
.common-table-head {
  margin-bottom: -20px;
  > .common-flex {
    flex-wrap: wrap;
  }
}
.app-main {
  min-width: 1000px !important;
  overflow: scroll;
}
.header-buttons {
  display: flex;
  justify-content: center;
  align-items: start;
}
.el-dialog {
  min-width: 900px !important;
}
.el-dropdown {
  .el-button-group {
    display: flex !important;
  }
}
.text-over {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.text-over-div {
  width: 70%;
}
.hidden {
  visibility: hidden;
}
.el-table .cell {
  // overflow: hidden;
  // text-overflow:ellipsis;
  // white-space: nowrap!important;
  // max-width: 100%;
  display: box;
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tinmce-div {
  img {
    max-width: 100%;
  }
}
.select-label {
  padding-right: 10px;
  font-size: 14px;
  white-space: nowrap;
}
>>> .el-upload-dragger {
  width: 344px;
  height: 192px;
}
.flex-view {
  display: flex;
  .item {
    margin-right: 50px;
  }
}
.img {
  max-width: 100%;
}
.nocursor {
  cursor: default;
}
.mr20 {
  margin-right: 20px;
}
.f30 {
  font-size: 30px;
}
.f20 {
  font-size: 20px;
}
.table-img {
  max-width: 100%;
}
</style>
